<?php get_instance()->view('common/header');?>
<style>
<!--
.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}

.form-group {
    margin-bottom: 5px;
}
-->
</style>
<div class="page-container home">
  <?php get_instance()->view('common/sidebar');?>
  <div class="page-content-wrapper">
	  <div class="page-content">
	    <div class="row">
	      <div class="col-md-12">
	        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
	        <h3 class="page-title"> 运单统计 </h3>
	        <ul class="page-breadcrumb breadcrumb">
	          <li class="btn-group"> <a class="btn default ml_5 return" href="<?php echo getUrl('deliveryman/statistics');?>"><i class="fa fa-chevron-left"></i> 返回</a> </li>
	          <li> <i class="fa fa-home"></i> <a href="<?php echo getUrl('deliveryman/statistics');?>"> 运单统计  <i class="fa fa-angle-right"></i> </a></li>
	          <li><a href="javascript:void(0);">详情</a></li>
	        </ul>
	        <!-- END PAGE TITLE & BREADCRUMB-->
	      </div>
	    </div>
	    <div class="row" style="margin-top:10px;">
	      <div class="col-md-12">

	      		<div class="portlet">
	            <div class="portlet-body">
	              <div class="table-container">
	                <div class="table-actions-wrapper"> <span> </span>
                    </div>
	                <table class="table table-bordered table-hover scoll-title" id="datatable">
	                  <thead>
	                    <tr role="row" class="heading">
	                      <th width="10%">接单日期</th>
	                      <th width="8%">运单编号</th>
	                      <th width="10%">区域</th>
	                      <th width="5%">配送员</th>
						  <th width="5%">配送距离</th>
						  <th width="5%">配送费</th>
						  <th width="6%">类型</th>
	                      <th width="10%">时间状态</th>
	                      <th width="7%">异常报备</th>
	                      <th width="6%">状态</th>

	                    </tr>
	                  </thead>
	                  <tbody>
	                  </tbody>
	                </table>
	              </div>
	            </div>
	          </div>
	      </div>
	    </div>
	  </div>
  </div>
</div>
<div id="ap-modal" class="modal modal_small" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">异常报备</h4>
            </div>
            <form class="form-horizontal" id="ap-form" method="post">
                <div class="modal-body">
                    <div class="form-group order">
                        <label class="control-label col-md-3">原因：</label>
                        <div class="col-md-9 text type">

                        </div>
                    </div>
                    <div class="form-group order">
                        <label class="control-label col-md-3">备注：</label>
                        <div class="col-md-9 text content">

                        </div>
                    </div>
                </div>
            </form>
            <script type="text/javascript">
                $(function(){
                    var modal = $('#ap-modal');
                    $('.ap-content-btn').live('click', function(){
                        modal.find('.type').html($(this).find('.type').html());
                        modal.find('.content').html($(this).find('.content').html());
                        modal.modal();
                    });
                });
            </script>
        </div>
    </div>
</div>
<script type="text/javascript">
	$(function(){
		
        $('[dp]').not("[noinit]").datepicker({
            changeMonth: true,
            autoclose: true,
            format: "yyyy-mm-dd",
            language: 'zh-CN'
        });
        datatable_init({
			src: $("#datatable"),
			sAjaxSource: "<?php echo getUrl('deliveryman/statistics/orderList?id='.get('id').'&start='.get('start').'&end='.get('end'));?>",
			"aLengthMenu": [[100, 50, 25], [100, 50, 25]],
            bSort:false,
		});	
	});
</script>
</body>
</html>